<!DOCTYPE HTML>
<html lang="en">
<head>

<!-- charset -->
<meta charset="UTF-8">

<!-- Title, description and keywords -->
<title>Xero | Premium XHTML &amp; CSS Template By TahaH Studio</title>
<meta name="description" content="A premium (X)HTML &amp; CSS template designed and developed by TahaH Studio">
<meta name="keywords" content="xero, XHTM, CSS, Template, Professional, Mulicolour, TahaH, Themeforest">

<!-- Stylesheets -->
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
<link rel="stylesheet" type="text/css" id="skin" href="css/skins/sky-blue.css" media="screen">
<!--
<link rel="stylesheet" type="text/css" href="css/skins/blue.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/skins/red.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/skins/purple.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/skins/green.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/skins/orange.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/skins/yellow.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/skins/cream.css" media="screen">
-->

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/ie.css" media="all">
<![endif]-->

<!-- Javascripts -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.superfish.min.js"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/xero.js"></script>
<script type="text/javascript" src="js/xero.forms.js"></script>

</head>
<body>
<div id="wrapper">
	<div id="header_container">
		<div id="header">
			<h1 id="logo"> <a href="index.html">Xero HTML &amp; CSS Template</a> </h1>
			<!-- end logo -->
			
			<ul id="nav">
				<li><a href="index.html"><span>Home</span></a></li>
				<li><a href="#" class="current"><span>Pages</span></a>
					<ul class="subnav">
						<li><a href="html-elements.html">HTML Elements Test</a></li>
						<li><a href="full-width.html">Full Width</a></li>
						<li><a href="#">Pages Options</a>
							<ul class="subnav">
								<li><a href="sidebar-left.html">Sidebar Left</a></li>
								<li><a href="sidebar-right.html">Sidebar Right</a></li>
							</ul>
						</li>
						<li><a href="#">Dropdown</a>
							<ul class="subnav">
								<li><a href="#">DropDown</a></li>
								<li><a href="#">DropDown</a></li>
								<li><a href="#">DropDown</a></li>
								<li><a href="#">DropDown</a></li>
								<li><a href="#">DropDown</a>
									<ul class="subnav">
										<li><a href="#">DropDown</a></li>
										<li><a href="#">DropDown</a></li>
										<li><a href="#">DropDown</a></li>
										<li><a href="#">DropDown</a></li>
									</ul>
									<!-- end 3rd sub navigation --> 
								</li>
							</ul>
							<!-- end 2nd sub navigation --> 
						</li>
					</ul>
					<!-- end sub navigation --> 
				</li>
				<li><a href="#"><span>Blog</span></a>
					<ul class="subnav">
						<li><a href="blog.html">Blog Page</a></li>
						<li><a href="single-post.html">Single Post</a></li>
					</ul>
					<!-- end sub navigation --> 
				</li>
				<li><a href="#"><span>Portfolio</span></a>
					<ul class="subnav">
						<li><a href="portfolio-1.html">Portfolio Style 1</a></li>
						<li><a href="portfolio-2.html">Portfolio Style 2</a></li>
						<li><a href="portfolio-3.html">Portfolio Style 3</a></li>
					</ul>
					<!-- end sub navigation --> 
				</li>
				<li><a href="contact.php"><span>Contact</span></a></li>
			</ul>
			<!-- end main navigation -->
			
			<div class="clear"></div>
			<!-- clears floted logo & nav -->
			
			<div id="page_title">
				<ul class="breadcrumb_nav">
					<li><a href="#">Home</a></li>
					<li><a href="#">Pages</a></li>
				</ul>
				<!-- end page breadcrumb nav -->
				
				<h1>Full Width Page</h1>
				<!-- page title -->
			</div>
			<!-- end page title -->
		</div>
		<!-- end header (940px width) --> 
	</div>
	<!-- end header container (100% width) -->
	
	<div id="body_content">
		<div id="content" class="">
			<div class="full">
				<h2>Full Width Layout<em class="heading_description">Aenean tortor nibh, varius at ultricies eu, sagittis nec mauris.</em></h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tortor nibh, varius at ultricies eu, sagittis nec mauris. Morbi vitae purus id sem congue tempor id non ante. Nulla nec purus nunc, in lacinia orci. Praesent facilisis dignissim metus, id suscipit elit elementum id. Sed in ultricies erat. Aliquam et ligula purus, nec bibendum orci. Duis nisi massa, ullamcorper id tempus vel, tristique vel sem. Aliquam non iaculis purus. Nam sagittis ligula sed dui molestie condimentum. Mauris iaculis augue at turpis bibendum tincidunt. Mauris nulla mi, tincidunt sed rutrum ut, aliquam in lectus. Donec aliquam cursus ligula, hendrerit consectetur nisl imperdiet id. Suspendisse nec justo enim, vel volutpat tellus.</p>
			</div>
			<!-- end full width layout -->
			
			<div class="half">
				<h2>Half Width<em class="heading_description">Varius at ultricies eu, sagittis nec mauris.</em></h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tortor nibh, varius at ultricies eu, sagittis nec mauris. Morbi vitae purus id sem congue tempor id non ante. Nulla nec purus nunc, in lacinia orci. Donec aliquam cursus ligula, hendrerit consectetur nisl imperdiet id. Suspendisse nec justo enim, vel volutpat tellus. </p>
			</div>
			<!-- end half width layout -->
			
			<div class="half">
				<h2>Half Width<em class="heading_description">Varius at ultricies eu, sagittis nec mauris.</em></h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tortor nibh, varius at ultricies eu, sagittis nec mauris. Morbi vitae purus id sem congue tempor id non ante. Nulla nec purus nunc, in lacinia orci. Donec aliquam cursus ligula, hendrerit consectetur nisl imperdiet id. Suspendisse nec justo enim, vel volutpat tellus. </p>
			</div>
			<!-- end half width layout -->
			
			<div class="threequarts">
				<h2>Three Quarters Width<em class="heading_description">Varius at ultricies eu, sagittis nec mauris.</em></h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tortor nibh, varius at ultricies eu, sagittis nec mauris. Morbi vitae purus id sem congue tempor id non ante. Nulla nec purus nunc, in lacinia orci. Praesent facilisis dignissim metus, id suscipit elit elementum id. Sed in ultricies erat. Aliquam et ligula purus, nec bibendum orci.  Donec aliquam cursus ligula, hendrerit consectetur nisl imperdiet id. Suspendisse nec justo enim, vel volutpat tellus. Duis nisi massa, ullamcorper id tempus vel, tristique vel sem.</p>
			</div>
			<!-- end three quarters width layout -->
			
			<div class="quart">
				<h2>One Quarter<em class="heading_description">Varius at ultricies eu.</em></h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tortor nibh, varius at ultricies eu. Duis nisi massa, ullamcorper id tempus vel, tristique vel sem.</p>
			</div>
			<!-- end one quarter width layout -->
			
			<div class="twothirds">
				<h2>Two Thirds Width<em class="heading_description">Varius at ultricies eu, sagittis nec mauris.</em></h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tortor nibh, varius at ultricies eu, sagittis nec mauris. Morbi vitae purus id sem congue tempor id non ante. Nulla nec purus nunc, in lacinia orci. Praesent facilisis dignissim metus, id suscipit elit elementum id. Sed in ultricies erat. Aliquam et ligula purus, nec bibendum orci.  Donec aliquam cursus ligula, hendrerit consectetur nisl imperdiet id. Suspendisse nec justo enim, vel volutpat tellus. Duis nisi massa, ullamcorper id tempus vel.</p>
			</div>
			<!-- end two thirds width layout -->
			
			<div class="onethird">
				<h2>One Thirds Width<em class="heading_description">Varius at ultricies eu, sagittis nec mauris.</em></h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tortor nibh, varius at ultricies eu, sagittis nec mauris. Morbi vitae purus id sem congue tempor id non ante. Nulla nec purus nunc, in lacinia orci.</p>
			</div>
			<!-- end one third width layout -->
		</div>
		<!-- end content -->
	</div>
	<!-- end body content -->
	
	<div id="footer_container">
		<div id="footer">
			<ul class="copyright_info reset_style">
				<li><img src="images/xero_logos/footer_logo.png" alt="" id="footer_logo" class="reset_style center"></li>
				<li>A Theme By <a href="http://wizylabs.com">Wizy Labs</a>. Copyright &copy; 2010</li>
			</ul>
			<!-- end copyright info, copyright info can be changed as desired -->
			
			<div class="footer_nav_container">
				<ul class="footer_nav reset_style">
					<li><a href="#">Home</a> /</li>
					<li><a href="#">About</a> /</li>
					<li><a href="#">Advertise</a> /</li>
					<li><a href="#">Contact</a> /</li>
					<li><a href="#">Icons by IconDock</a></li>
				</ul>
				<!-- end footer nav -->
				
				<ul class="social_profiles reset_style">
					<li><a href="#"><img title="By mail" src="images/icons/social_profiles/16/email.png"></a></li>
					<li><a href="#"><img title="My Facebook account" src="images/icons/social_profiles/16/facebook.png"></a></li>
					<li><a href="#"><img title="My Flickr account" src="images/icons/social_profiles/16/flickr.png"></a></li>
					<li><a href="#"><img title="My Twitter account" src="images/icons/social_profiles/16/twitter.png"></a></li>
					<li><a href="#"><img title="RSS feed" src="images/icons/social_profiles/16/rss.png"></a></li>
				</ul>
				<!-- end social profiles nav -->
			</div>
		</div>
		<!-- end actual footer -->
	</div>
	<!-- end footer container -->
</div>
<!-- end wrapper -->
</body>
</html>